import React, {Component} from 'react'
class App extends Component{
    // 定义状态数据方式一：【推荐】
    state = {
        count:10,
        msg:'atguigu'
    }

    // 定义状态数据方式二：【了解】
    constructor(){
        // 子类继承了父类，要在子类的构造函数中，先运行父类的构造函数
        super()
        // 然后再定义子类自己的属性

        // 构造函数中的this，永远指向当前组件的实例对象
        console.log('constructor this: ', this)
        this.state.count = 99;
        console.log('this.state: ', this.state)

    }

    // 三种：直接赋值 + 构造函数定义状态 [了解]

    
    render(){
        console.log('render run')
        let {count} = this.state;
        return (
            <div>
                <h3>App</h3>
                <p>count: {count}</p>
            </div>
        )
    }
}
export default App;